<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
	<title>活动报名 半价汇</title>
<link href="static/index/css/style.css" rel="stylesheet" type="text/css" />
<link href="static/index/css/div.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="static/css/invalid.css" type="text/css" media="screen" />	
<link rel="stylesheet" type="text/css" media="screen" href="static/css/datePicker.css">
<script src="./static/js/jquery.min.js" type="text/javascript"></script> 
<script src="http://a.tbcdn.cn/apps/stargate/ac/js/proxy.js?t=<?php echo date("U"); ?>"></script>

	<script type="text/javascript" src="static/js/jquery.min.js"></script>
	<!-- jQuery Configuration -->

	<script type="text/javascript" src="static/js/date.js"></script>
	<script type="text/javascript" src="static/js/jquery.datePicker.js"></script>

	<script type="text/javascript" src="static/js/jquery.metadata.js"></script>
	<script type="text/javascript" src="static/js/jquery.validate.min.js"></script>
	<script type="text/javascript" src="static/js/messages_cn.js"></script>
	
	<!-- 自定义js函数 -->
	<script type="text/javascript" src="static/js/common.js"></script>
</head>
<style>
/*************** Notifications ***************/

.success {
                background: #d5ffce url('static/images/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('static/images/icons/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
				display:inline;
				background-position: left 2px;
				background-repeat: no-repeat;
				padding: 2px 0 2px 22px;
				background-color: transparent;
				margin: 0 0 0 5px;
}
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(static/images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}
.table_list, .table_form, .table_info { margin:0 auto; width:99%; *margin-top:6px;  }
.table_list caption, .table_form caption, .table_info caption{ border-bottom-width:0; font-weight:bold; color:#CF001F;  height:27px; line-height:27px; margin:6px auto 0;font-size:24px; font-family:"宋体";}
.table_form tr,.table_info tr,.table_list tr{ background-color:#fff;}
.table_form td, .table_form th, .table_info td,.table_list td  { line-height:150%; padding:4px;font-size:12px; font-family:"宋体";}
.table_form th strong, .table_info th strong { color:#CF001F;}
.table_list {}
.table_list th {font-weight:bold}
.table_list th, th.form_th,th.form_th_c{ text-align:center; font-size:12px; color:#CF001F; line-height:22px; height:22px;}
th.form_th{ text-align:left; text-indent:2em; font-weight:bold; padding:0; line-height:1.8em;}
th.form_th_c{ text-align:center; text-indent:0; font-weight:bold; padding:0; line-height:1.8em;}
.align_left,td.align_left { text-align:left;}
.table_info td { padding:5px;}
td.tablerowhighlight { text-align:center; color:#CF001F; line-height:22px; height:22px; font-weight:bold; }
td.align_l,th.align_l{ text-align:left;}
td.align_c,th.align_c{ text-align:center;}
td.align_r,th.align_r{ text-align:right;}
form input.text-input,
form select,
form textarea,
form .wysiwyg { padding: 6px; font-size: 13px; background: #fff url('static/images/bg-form-field.gif') top left repeat-x; border: 1px solid #d5d5d5; color: #333; }
form .small-input {width: 25% !important;}         
form .medium-input {width: 50% !important;}
.gdbtn {background: none repeat scroll 0 0 #CF001F;cursor: pointer;height:30px;color:#ffffff;}
.gdbtn_disabled {cursor: pointer;height:30px;color:#000000;}
.table_form a {color:#55AADD;}
</style>
<body tracingsrc="bjh.jpg" tracingopacity="49">
	<div class="wrap">
		<div class="top">
			<div class="wbjgz"></div>
		</div>
		<div class="nav" style="height:40px;">
			<?php if($_SESSION['visitor_nick']) { ?><div class="mybjh"><a href="#"><!--我的半价汇--><?php echo $_SESSION['visitor_nick'];?></a></div><?php } ?>
			<ul class="nav_f"><li class="seltab"><a href="">首页</a></li></ul>
		</div>
	</div>
	<div class="wrap">
	<form action="<?php echo spUrl('youhui_signup', 'add');?>" method="post" enctype="multipart/form-data" id="youhui_signup_add">
		<table class="table_form">
			<caption>活动报名</caption>
			<tr>
				<th>店铺名称：</th>
				<td><input class="text-input medium-input" type="text" name="store_name" id="store_name" value="" /></td>
			</tr>
			<tr>
				<th>活动名称：</th>
				<td><input class="text-input medium-input" type="text" id="title" name="title" value=""/></td>
			</tr>
			<tr>
				<th>广告图：</th>
				<td><input type="file" name="thumb" id="thumb"/>(宽*高：310px*170px)</td>
			</tr>
			<tr>
				<th>分类：</th>
				<td>
					<select name="catid" validate="required:true">
						<option value="">请选择</option>
						<?php foreach($arr_cat as $k=>$v) {?>
						<option value="<?php echo $k; ?>" ><?php echo $v; ?></option>
						<?php } ?>
					</select>
				</td>
			</tr>
			<tr>
				<th>开始时间：</th>
				<td><input class="text-input small-input" type="text" id="startdate" name="startdate" readonly/></td>
			</tr>
			<tr>
				<th>结束时间：</th>
				<td><input class="text-input small-input" type="text" id="enddate" name="enddate" readonly /></td>
			</tr>
			<tr>
				<th>活动链接：</th>
				<td><input type="text" name="link" id="link" class="text-input medium-input"/>（活动页或者首页）</td>
			</tr>
			<tr>
				<td></td>
				<td><input type="checkbox" value="1" name="regreament" id="regreament" checked="checked">我已阅读并同意<a href="http://bangpai.taobao.com/group/thread/14718693-273150704.htm" target="_blank">《半价汇商家报名流程以及要求》</a><span id="error"></span></td>
			</tr>
			<tr>
				<th></th>
				<td>
					<input type="submit" value="提交" class="gdbtn" id="dosubmit" style="width: 105px;" /> <input type="reset" style="width: 45px;" class="gdbtn">
				</td>
			</tr>
		</table>
		</form>
	</div>
</body>
<script type="text/javascript">
$().ready(function() {
$('#startdate').datePicker({startDate:'1996-01-01',clickInput:true});
	$('#enddate').datePicker({startDate:'1996-01-01',clickInput:true});
	$("#youhui_signup_add").validate({
		rules:{
			title: {
				required:true,
				minlength:3
			},
			startdate: "required",
			enddate:"required",
			link:"required"
	}});
});

$('#regreament').click(function(){
	if($('#regreament').attr('checked')=="checked") {
		$('#dosubmit').attr('disabled', false);
		$('#dosubmit').removeClass();
		$('#dosubmit').addClass('gdbtn');
	} else {
		$('#dosubmit').attr('disabled', true);
		$('#dosubmit').removeClass();
		$('#dosubmit').addClass('gdbtn_disabled');
	}
});
</script>
</html>